'use client'

import React from 'react'

export default function Footer() {
  return (
    <footer className="py-16 w-full mt-[40px]">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        {/* 主要内容区域 */}
        <div className="flex justify-between mb-12">
          {/* 关于仙山八骏 */}
          <div>
            <h3 className="text-[1.3rem] font-bold text-[#49343d] mb-4">走进仙山八骏</h3>
          </div>

          {/* 招商加盟 */}
          <div>
            <h3 className="text-[1.3rem] font-bold text-[#49343d] mb-4">有机茶园</h3>
          </div>

          {/* 企业招聘 */}
          <div>
            <h3 className="text-[1.3rem] font-bold text-[#49343d] mb-4">有机好茶</h3>
          </div>

          {/* 品牌动态 */}
          <div>
            <h3 className="text-[1.3rem] font-bold text-[#49343d] mb-4">有机文化</h3>
          </div>

          {/* 品牌动态 */}
          <div>
            <h3 className="text-[1.3rem] font-bold text-[#49343d] mb-4">招商加盟</h3>
          </div>

          {/* 联系我们 */}
          <div>
            <h3 className="text-[1.3rem] font-bold text-[#49343d] mb-4">品牌动态</h3>
          </div>
        </div>        {/* 分割线 */}
        <div className="border-t border-[#d1d1d1] pt-8">
          {/* 联系信息和社交媒体 */}
          <div className="flex flex-col md:flex-row justify-between mb-6">
            {/* 左侧联系信息 */}
            <div className="flex flex-col items-start space-y-2 md:space-y-0 md:space-x-8 mb-4 md:mb-0">
              <div className="flex items-center space-x-2 font-bold">
                <img src="https://pub-d9c5812daa2b44e5b6d7b6621bbeb301.r2.dev/logo/home.png" alt="电话图标" className="h-6" />
                <span className="text-[1.3rem] text-[#49343d] ml-2">0593-2588333</span>
              </div>
              <div className="flex items-center space-x-2 mt-4">
                <span className="text-sm text-[#49343d]">ADD: 福建省宁德市蕉城区闽东中路2号郦景阳光1期一幢301</span>
              </div>
            </div>

            {/* 右侧社交媒体图标 */}
            <div className="flex items-center space-x-6">
              <div className="flex flex-col items-center space-y-4">
                <img loading='lazy' src="https://pub-d9c5812daa2b44e5b6d7b6621bbeb301.r2.dev/logo/xiaochengxu.png" alt="小程序" className="h-6" />
                <span className="text-sm text-[#49343d]">小程序旗舰店</span>
              </div>
              <div className="flex flex-col items-center space-y-4">
                <img loading='lazy' src="https://pub-d9c5812daa2b44e5b6d7b6621bbeb301.r2.dev/logo/taobao.png" alt="淘宝" className="h-5" />
                <span className="text-sm text-[#49343d]">淘宝旗舰店</span>
              </div>
              <div className="flex flex-col items-center space-y-4">
                <img loading='lazy' src="https://pub-d9c5812daa2b44e5b6d7b6621bbeb301.r2.dev/logo/weixin.png" alt="微信" className="h-6" />
                <span className="text-sm text-[#49343d]">微信公众号</span>
              </div>
              <div className="flex flex-col items-center space-y-4">
                <img loading='lazy' src="https://pub-d9c5812daa2b44e5b6d7b6621bbeb301.r2.dev/logo/douyin.png" alt="抖音" className="h-6" />
                <span className="text-sm text-[#49343d]">抖音号</span>
              </div>
              <div className="flex flex-col items-center space-y-4">
                <img loading='lazy' src="https://pub-d9c5812daa2b44e5b6d7b6621bbeb301.r2.dev/logo/shipinghao.png" alt="视频号" className="h-6" />
                <span className="text-sm text-[#49343d]">视频号</span>
              </div>
              <div className="flex flex-col items-center space-y-4">
                <img loading='lazy' src="https://pub-d9c5812daa2b44e5b6d7b6621bbeb301.r2.dev/logo/xiaohongshu.png" alt="小红书" className="h-6" />
                <span className="text-sm text-[#49343d]">小红书</span>
              </div>
            </div>
          </div>

          <div className="flex flex-col md:flex-row justify-between items-center mt-12">
            {/* 版权信息 */}
            <div className="text-sm text-[#49343d] mb-4 md:mb-0">
              福建省海上茶香茶业有限公司 ©2025 仙山八骏 版权所有
            </div>


            {/* 认证标识 */}
            <div className="flex items-center space-x-2 mt-4 md:mt-0 text-sm text-[#49343d]">
              <a href='https://www.beianx.cn/search/闽ICP备2025111810号'>闽ICP备2025111810号</a>
              {/* <img loading='lazy' src="https://pub-d9c5812daa2b44e5b6d7b6621bbeb301.r2.dev/logo/guowei.png" className='h-5' />
              <span>2025111810号</span> */}
            </div>

          </div>
        </div>

        {/* 底部logo */}
        <div className="flex justify-center mt-4 mb-4">
          <div className="w-[150px] h-16 mt-16">
            <img loading='lazy' src="https://pub-d9c5812daa2b44e5b6d7b6621bbeb301.r2.dev/logo/xianshanbajun.png" alt="仙山八骏茶业 Logo" className="w-full h-full object-contain" />
          </div>
        </div>
      </div>
    </footer>
  )
}
